<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Grids</title>
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>

    <!-- GC -->

    <script type="text/javascript" src="../../ext-all.js"></script>
</head>
<body>
    <script type="text/javascript" charset="utf-8">
        Ext.require();

        Ext.onReady(function() {
            Ext.create('Ext.tree.Panel', {
                renderTo: Ext.getBody(),
                width: 400,
                height: 600,
                title: 'Categories',
                rootVisible: false, //IT'S UGLY THAT I HAVE TO DO THIS

                //ALSO, INCREDIBLY, IF I DELETE THE ROOTVISIBLE LINE THIS DOESN'T WORK AT ALL :/

                store: {
                    autoLoad: true,
                    proxy: {
                        type: 'ajax',
                        url: 'tree.json'
                    }
                }
            });
        });
    </script>
</body>
</html>
